{dede:field name='keywords'}玩转Dreamweaver8.0：关于冲突{/dede:field}
{dede:field name='description'}将两个或更多 CSS 规则应用于同一文本时，这些规则可能会发生冲突并产生意外的结果。浏览器按以下方式应用 CSS 规则： 假如将两种规则应用于同一文本，浏览器显示这两种规则的所有{/dede:field}
{dede:field name='title'}玩转Dreamweaver8.0：关于冲突的CSS规则{/dede:field}
{dede:field name='writer'}{/dede:field}
{dede:field name='source'}{/dede:field}
{dede:field name='pubdate'}{/dede:field}
{dede:field name='body'}<P>将两个或更多 CSS 规则应用于同一文本时，这些规则可能会发生冲突并产生意外的结果。浏览器按以下方式应用 CSS 规则：</P>

<UL>

<LI>假如将两种规则应用于同一文本，浏览器显示这两种规则的所有属性，除非特定的属性发生冲突。例如，一种规则可能指定文本颜色为蓝色，而另一种规则可能指定文本颜色为红色。 

<LI>假如应用于同一文本的两种规则的属性发生冲突，则浏览器显示最里面的规则（离文本本身最近的规则）的属性。因此，假如外部样式表和内联样式同时影响文本元素，则应用内联样式。 

<LI>假如有直接冲突，则自定义 CSS 规则（使用 <CODE>class</CODE> 属性应用的规则）中的属性将覆盖 HTML 标签样式中的属性。 </LI></UL>

<P>在下面的示例中，为 <CODE>h1</CODE> 定义的样式可以指定所有 <CODE>h1</CODE> 段落的字体、大小和颜色，但应用于该段落的自定义 CSS 规则 <CODE>.Blue</CODE> 将覆盖 <CODE>h1</CODE> 样式中的颜色设置。另一个自定义 CSS 规则 <CODE>.Red</CODE> 将覆盖 <CODE>.Blue</CODE>，因为它位于 <CODE>.Blue</CODE> 样式的内部。</P><PRE>&lt;h1&gt;&lt;span class="Blue"&gt;This paragraph is controlled by the .Blue custom style and h1

HTML tag style.&lt;span class="Red"&gt;Except this sentence is controlled by the .Red style.&lt;/span&gt;

Now we're back to the .Blue style.&lt;/span&gt;&lt;/h1&gt;

</PRE>
<br>



<p>
            <p align="center"> </p>{/dede:field}
{dede:field name='litpic'}{/dede:field}
